05 - Les listes

Listes désordonnées

Le premier type de liste est la liste désordonnées, ou aussi appelée liste à puces. Il s'agit d'une simple liste d'éléments avec un point placé devant chaque élément.
Chaque élément doit être placé dans une balise "li" :

            
                <ul>
                    <li>Chat</li>
                    <li>Chien</li>
                    <li>Poisson</li>
                    <li>Tortue</li>
                </ul>
            
        

Attention, les listes "ul" ne peuvent contenir que des balises "li" en tant qu'enfants directs.

Listes ordonnées

Les listes ordonnées sont des listes avec un numéro placé devant chaque élément. Chaque élément est placé dans une balise "li" également :

            
                <ol>
                    <li>Mettre les oeufs</li>
                    <li>Chauffer au four</li>
                    <li>Manger</li>
                </ol>
            
        

Attention, comme les listes "ul" les listes "ol" ne peuvent contenir que des balises "li" en tant qu'enfants directs.

Imbrication de listes

Il est possible de mettre des listes dans une autre :

            
                <ul>

                    <li>
                        <h2>Animaux</h2>
                        <ul>
                            <li>Chat</li>
                            <li>Chien</li>
                            <li>Poisson</li>
                        </ul>
                    </li>

                    <li>
                        <h2>Végétaux</h2>
                        <ul>
                            <li>Arbre</li>
                            <li>Plante</li>
                            <li>Buisson</li>
                        </ul>
                    </li>

                </ul>